<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reportes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
	        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<!-- Listado de reportes divididas por categorias -->
			<div class="span9">
				<!-- Search bar -->
				<!--<div class="row-fluid">
					<form class="navbar-search pull-right" action="">
						<select name="filters" id="">
							<option value="all">Todas</option>
							<option value="country">País</option>
							<option value="region">Región</option>
							<option value="university">Universidad</option>
						</select>
						<div class="input-append">
	  						<input id="appendedInputButton" type="text">
	  						<button class="btn" type="button">
								<i class="icon-search"></i>
	  						</button>
						</div>
					</form>
				</div>--> <!-- Search bar-->
				<!-- Listado -->
				<div class="row-fluid">
					<div class="page-header">
						<h3>Reportes Generales</h3>
						<h6>Consiste en datos generales con respecto a los indicadores y las actividades de tercera misión.</h6>
					</div>
					<ul class="unstyled">
						<li><small><a href="/plataforma/reportes/indicadores/general">Indicadores</a>&emsp;&emsp;&emsp;&emsp;
						    
						    </small><br><br></li>
						<li><small>Reporte de los indicadores separados en cada una de las dimensiones de 3M:</small><br><br></li>
						<li><small><a href="/plataforma/reportes/dimension/1">Formación Continua</a>&emsp;&emsp;&emsp;&emsp;
						    <a href="/plataforma/reportes/dimension/2">Transformación del Conocimiento e Innovación</a>&emsp;&emsp;&emsp;&emsp;
						    <a href="/plataforma/reportes/dimension/3">Compromiso Social</a></small></li>
					</ul>
				</div> <!-- Primera Categoria - Reportes Generales -->
				<div class="row-fluid">
					<div class="page-header">
						<h3>Reportes Regionales</h3>
						<h6>Consiste en datos generales acerca de la situación de la región con respecto a actividades de tercera misión.</h6>
					</div>
					<ul class="unstyled">
						{% for region in regiones %}
							<li><h5>{{ region.nombre }}</h5></li>
							<li><small><a href="/plataforma/reportes/indicadores/regional/{{region.id}}">Indicadores</a>&emsp;&emsp;&emsp;&emsp;
							    </small><br><br></li>
						{% endfor %}
					</ul>
				</div> <!-- Segunda Categoria - Reportes Regionales -->
				<div class="row-fluid">
					<div class="page-header">
						<h3>Reportes País</h3>
						<h6>Consiste en datos generales acerca de la situación de cada país con respecto a actividades de tercera misión.</h6>
					</div>
					<ul class="unstyled">
						{% for codigo, nombre in lista_sinc_paises %}
							<li><h5>{{ nombre }}</h5></li>
							<li><small><a href="/plataforma/reportes/indicadores/pais/{{codigo}}">Indicadores</a>&emsp;&emsp;&emsp;&emsp;
							    </small><br><br></li>
						{% endfor %}
					</ul>
				</div> <!-- Tercera Categoria - Reportes País -->
			</div><!-- Fin de Reportes-->
		</div> <!-- /row -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
    {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
</body>
</html>